/* global transition css */

/* sidebarLogoFade */
.sidebarLogoFade-enter-active {
  transition: all 1s;
}

.sidebarLogoFade-leave-active {
  transition: all 0s;
}

.sidebarLogoFade-enter {
  opacity: 0;
}

.sidebarLogoFade-leave-to {
  opacity: 0;
}

/* fade-transform */
.fade-transform-leave-active,
.fade-transform-enter-active {
  transition: all 0.5s;
}

.fade-transform-enter {
  opacity: 0;
  transform: translateX(-30px);
}

.fade-transform-leave-to {
  opacity: 0;
  transform: translateX(30px);
}

/* elementUI 对话框过渡动画 */
// .el-dialog__wrapper {
// 	transition-duration: 0.8s;
// }
// .dialog-fade-enter-active {
// 	animation: none !important;
// }
// .dialog-fade-leave-active {
// 	transition-duration: 0.4s !important; //定义 退出时的 动画 过渡时间
// 	animation: none !important;
// }

// .dialog-fade-enter-active .el-dialog,
// .dialog-fade-leave-active .el-dialog {
// 	animation-fill-mode: forwards; //设置 填充模式   此处的值为 当动画完成后，保持最后一个属性值（在最后一个关键帧中定义）
// }

// .dialog-fade-enter-active .el-dialog {
// 	animation-duration: 0.5s;
// 	animation-name: fadeInLeftBig; //设置 进入自定义动画
// 	animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1); // 执行曲线
// }

// .dialog-fade-leave-active .el-dialog {
// 	animation-duration: 0.5s;
// 	animation-name: zoomOutDown; //设置  退出 自定义动画
// }
// .el-dialog__wrapper {
// 	transition-duration: 0.3s;
// }
// .dialog-fade-enter-active {
// 	animation: none !important;
// }
// .dialog-fade-leave-active {
// 	transition-duration: 0.15s !important;
// 	animation: none !important;
// }

// .dialog-fade-enter-active .el-dialog,
// .dialog-fade-leave-active .el-dialog {
// 	animation-fill-mode: forwards;
// }

// .dialog-fade-enter-active .el-dialog {
// 	animation-duration: 0.3s;
// 	animation-name: anim-open;
// 	animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);
// }

// .dialog-fade-leave-active .el-dialog {
// 	animation-duration: 0.3s;
// 	animation-name: anim-close;
// }

// @keyframes anim-open {
// 	0% {
// 		opacity: 0;
// 		transform: scale3d(0, 0, 1);
// 	}
// 	100% {
// 		opacity: 1;
// 		transform: scale3d(1, 1, 1);
// 	}
// }
// @keyframes anim-close {
// 	0% {
// 		opacity: 1;
// 	}
// 	100% {
// 		opacity: 0;
// 		transform: scale3d(0.5, 0.5, 1);
// 	}
// }
